<template>
 <el-table
    ref="multipleTableRef"
    :data="tableData"
    style="width: 100%"
    @selection-change="handleSelectionChange"
  >
    <el-table-column type="selection" :selectable="selectable" width="55" />
    <el-table-column prop="cActionTime" label="开始时间"  />
    <el-table-column prop="cActionName" label="用户名称"  />
    <el-table-column prop="caRequestAddress" label="请求地址" />
    <el-table-column prop="caLoginType" label="日志类型" >
        <template v-slot="scope">
            <el-tag style="height: 40px;width: 70px;font-size: 20px;">{{ scope.row.caLoginType }}</el-tag>
        </template>
    </el-table-column>
    <el-table-column prop="caResponseStatus" label="响应状态"  >
        <template v-slot="scope">
            <el-tag style="height: 40px;width: 70px;font-size: 20px;">{{ scope.row.caResponseStatus }}</el-tag>
        </template>
    </el-table-column>
    <el-table-column prop="caResponselong" label="时长"  />
    <el-table-column prop="caRequestParams" label="请求参数" />
    <el-table-column prop="caResponseParams" label="响应参数" />
    <el-table-column prop="caErrorExpetion" label="异常信息"  />
    <el-table-column prop="caUserIp" label="用户IP"  />
    <el-table-column prop="caBrowserType" label="浏览器类型" />
   
  </el-table>
</template>
<script lang="ts" setup>
import {GetLog} from '@/api/admin/index'
import { reactive, ref,onMounted } from 'vue'
import { ElMessage, type FormInstance, type FormRules } from 'element-plus'
import { useRouter, useRoute } from 'vue-router'
import axios from 'axios'
const route = useRoute()
const router = useRouter()
const tableData=ref([])
onMounted(()=>{
    getdata()
})
const getdata=async()=>{
    await GetLog().then(function(res){
        console.log(res.data);
        tableData.value=res.data
    })
}
</script>